@import "base";

h3 {
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.container {
	width: 1000px;
	margin: 0 auto 50px;
}

.dome-main {
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 20px;
}

.code {
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
	margin-top: 10px;
	text-align: center;
}

.show-code {
	color: #6ab9d8;
	display: inline-block;
	padding: 0 2%;
}

pre{
	padding-top: 20px;
	tab-size: 4;
	text-align: left;
	display: none;
	code {
		color: #666;
		font-size: 14px;
		line-height: 1.5;
	}
}

.btn-cont {
	padding-top: 10px;
}

.btn {
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	background: #6ab9d8;
	font-size: 14px;
	width: 100px;
	height: 38px;
	outline: none;
	margin-right: 10px;
	&.btn-bg-1 {
		background: #a26ad8;
	}
	&.btn-bg-2 {
		background: #d86a6a;
	}
	&.btn-bg-3 {
		background: #6ad88a;
	}
}

/**
 * 模拟城市选择
 */
@import "cityPicker"